<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" href="../css/font-awesome.css" />
		<link rel="stylesheet" href="../css/bootstrap.css" />
		<link rel="stylesheet" href="../css/index.css" />
	</head>

	<body>
		<header class="header">
			<div class="herder_top">
				<li class="pull-left">首页</li>
				<li class="pull-left">机构入驻</li>
				<li class="pull-left">机构登陆</li>
				<li class="pull-left">教研管理</li>
				<li class="pull-left">入驻流程</li>
				<li class="pull-left">下载APP</li>
				<li class="pull-left">VIP充值</li>
				<li class="pull-right">注册</li>
				<span class="pull-right">|</span>
				<li class="pull-right">登陆</li>
			</div>
		</header>
		<div class="header_topnext">
			<span class="logo"></span>
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1">
					<select style="cursor: pointer;">
					<optgroup>
						<option>课程</option>
						<option>老师</option>
					</optgroup>
				</select></span>
				<input type="text" class="form-control" placeholder="输入课程 老师  机构 关键词" aria-describedby="basic-addon1">

			</div>
			<div class="pull-right" style="line-height: 34px;">
				<i class="glyphicon glyphicon-user">个人中心</i>
			</div>

		</div>
		<div class="container_conert">
			<div class="nav_tab">
				<ul class="nav navbar-nav">
					<li>全部分类 <i class="icon-angle-down"></i></li>
					<li>精彩视频</li>
					<li>名师推荐</li>
					<li>品牌学校</li>
					<li>我要考试</li>
					<li>高薪有约</li>
					<li>助你圆梦</li>
					<li>我要支教</li>
				</ul>
			</div>
			<div class="slider">
				<div class="banner"></div>
			</div>
		</div>
		<div class="course">
			<div class="course_content">
				<p class="p_top">12个科目，100门专业课程</p>
				<p class="p_content text-center">选择一门技能开始学习，相信知识可以改变未来！</p>
				<ul>
					<li>
						<div></div>
						<span>IT互联网</span>
					</li>
					<li>
						<div></div>
						<span>电子电器</span>
					</li>
					<li>
						<div></div>
						<span>机器人</span>
					</li>
					<li>
						<div></div>
						<span>素质教育</span>
					</li>
					<li>
						<div></div>
						<span>基础教程</span>
					</li>
					<li>
						<div></div>
						<span>出国留学</span>
					</li>
					<li>
						<div></div>
						<span>机械制造</span>
					</li>
					<li>
						<div></div>
						<span>汽车维修</span>
					</li>
					<li>
						<div></div>
						<span>幼儿教育</span>
					</li>
					<li>
						<div></div>
						<span>其他课程</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="video">
			<div class="video_content">
				<div class="video_top"></div>
				<div class="video_content_tab">
					<ul class="nav navbar-nav">
						<li>公共课程</li>
						<li>素质教育</li>
						<li>软件开发</li>
						<li>主板技术</li>
					</ul>
				</div>
				<div class="video_content_content">
					<ul>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">AI进阶班<span>主讲：XXX</span></span><span class="pull-right">AI商业设计邓超</span></p>
						</li>

					</ul>
					<div class="bt_more"><button class="more_btn btn btn-default">更多</button></div>

				</div>
			</div>
		</div>
		<div class="course online">
			<div class="course_content online_content">
				<p class="p_top">线上报名</p>
				<p class="p_content text-center">打造高新技能就业班</p>
				<ul>
					<li>
						<div></div>
						<span>汽车应用与维修</span>
					</li>
					<li class="active">
						<div></div>
						<span>网页设计电商营销</span>
					</li>
					<li>
						<div></div>
						<span>电子信息技术应用</span>
					</li>
					<li>
						<div></div>
						<span>主板网络技术</span>
					</li>
					<li>
						<div></div>
						<span>电子电器</span>
					</li>
					<li>
						<div></div>
						<span>更多</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="video exam">
			<div class="video_content exam_content">
				<div class=" "></div>
				<div class="video_content_content">
					<ul>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull- left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">计算机类试题<span class="spec">AI商业设计邓超</span><span>主讲：XXX</span></span>
							</p>
						</li>
					</ul>
					<div class="bt_more"><button class="more_btn btn btn-default">更多</button></div>

				</div>
			</div>
		</div>
		<div class="video exam" style="border-top: 1px solid #DEDEDE;">
			<div class="video_content exam_content">
				<div class="video_top exam_top"></div>
				<div class="video_content_content">
					<ul>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
						<li>
							<div></div>
							<p><span class="pull-left">深圳奋达职校总校区<span class="spec">深圳南山区</span><span>去了解</span></span>
							</p>
						</li>
					</ul>
					<div class="bt_more"><button class="more_btn btn btn-default">更多</button></div>

				</div>
			</div>
		</div>
		<div class="zhijiao">
			<div class="zhijiaocontent">
				<ul>
					<li>支</li>
					<li>教</li>
					<li>动</li>
					<li>态</li>
				</ul>
				<p>可以伸出我们的双手</p>
				<i class="icon-chevron-down"></i>
				<div class="btn_div_info">
					<button class="btn btn-primary">去支教</button>
				</div>
			</div>
		</div>
		<div class="zhijiao_content_con">
			<div class="contentdiv">
				<ul>
					<li>
						<div class="img"></div>
						<div>
							<p>他们是最幸福的</p>
							<p>2015.05.30-2016.06.23</p>
							<p>作者：郭碧婷</p>
						</div>
					</li>
					<li>
						<div class="img"></div>
						<div>
							<p>他们是最幸福的</p>
							<p>2015.05.30-2016.06.23</p>
							<p>作者：郭碧婷</p>
						</div>
					</li>
					<li>
						<div class="img"></div>
						<div>
							<p>他们是最幸福的</p>
							<p>2015.05.30-2016.06.23</p>
							<p>作者：郭碧婷</p>
						</div>
					</li>
					<li>
						<div class="img"></div>
						<div>
							<p>他们是最幸福的</p>
							<p>2015.05.30-2016.06.23</p>
							<p>作者：郭碧婷</p>
						</div>
					</li>
					<li>
						<div class="img"></div>
						<div>
							<p>他们是最幸福的</p>
							<p>2015.05.30-2016.06.23</p>
							<p>作者：郭碧婷</p>
						</div>
					</li>
					<li>
						<div class="img"></div>
						<div>
							<p>他们是最幸福的</p>
							<p>2015.05.30-2016.06.23</p>
							<p>作者：郭碧婷</p>
						</div>
					</li>
				</ul>
				<div class="contentright">
					<p>支教项目</p>
					<li>2016贵州职业学院</li>
					<li>2016贵州职业学院</li>
					<li>2016贵州职业学院</li>
					<li>2016贵州职业学院</li>
					<li>2016贵州职业学院</li>
					<li>2016贵州职业学院</li>
					<div class="contentimg"></div>
				</div>
				<div class="btn_div_info">
					<button class="btn btn-success">更多</button>
				</div>
			</div>
		</div>
		<div class="job_content ">
			<div class="video_content exam_content">
				<div class="video_top exam_top"></div>
				<div class="job_slide">
					<div class="slide_btn carousel slide" id="carousel-example-generic" data-ride="carousel">
						<span class="left icon-chevron-left" href="#carousel-example-generic" role="button" data-slide="prev"></span>
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active">IT-互联网</li>
							<li data-target="#carousel-example-generic" data-slide-to="1">金融</li>
							<li data-target="#carousel-example-generic" data-slide-to="2">房地产</li>
							<li data-target="#carousel-example-generic" data-slide-to="3">消费品</li>
							<li data-target="#carousel-example-generic" data-slide-to="4">汽车制造</li>
						</ol>
						<span class="right icon-chevron-right" href="#carousel-example-generic" role="button" data-slide="next"></span>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<ul>
									<li class="first">
										<div><img src="../img/huawei-logo.png"></div>
										<div class="title">华为</div>
										<div>JAVA后台开发工程师(深圳)</div>
										<div>ANDROID客户端开发工程师</div>
										<div>视频基础后台开发工程师(深圳)</div>
										<div>云平台PHP高级工程师(深圳)</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
								</ul>
							</div>
							<div class="item">
								<ul>
									<li class="first">
										<div><img src="../img/huawei-logo.png"></div>
										<div class="title">华为</div>
										<div>JAVA后台开发工程师(深圳)</div>
										<div>ANDROID客户端开发工程师</div>
										<div>视频基础后台开发工程师(深圳)</div>
										<div>云平台PHP高级工程师(深圳)</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
								</ul>
							</div>
							<div class="item">
								<ul>
									<li class="first">
										<div><img src="../img/huawei-logo.png"></div>
										<div class="title">华为</div>
										<div>JAVA后台开发工程师(深圳)</div>
										<div>ANDROID客户端开发工程师</div>
										<div>视频基础后台开发工程师(深圳)</div>
										<div>云平台PHP高级工程师(深圳)</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
								</ul>
							</div>
							<div class="item">
								<ul>
									<li class="first">
										<div><img src="../img/huawei-logo.png"></div>
										<div class="title">华为</div>
										<div>JAVA后台开发工程师(深圳)</div>
										<div>ANDROID客户端开发工程师</div>
										<div>视频基础后台开发工程师(深圳)</div>
										<div>云平台PHP高级工程师(深圳)</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
								</ul>
							</div>
							<div class="item">
								<ul>
									<li class="first">
										<div><img src="../img/huawei-logo.png"></div>
										<div class="title">华为</div>
										<div>JAVA后台开发工程师(深圳)</div>
										<div>ANDROID客户端开发工程师</div>
										<div>视频基础后台开发工程师(深圳)</div>
										<div>云平台PHP高级工程师(深圳)</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
									<li>
										<div class='j-logo'><img src="../img/tencent.png"></div>
										<div class="title">华为</div>
									</li>
								</ul>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="course" style="height: 600px;background: #edf1f4;">
			<div class="course_content" style="padding-top: 20px;">
				<div class="mingshi_img"></div>
				<ul class="mingshi">
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
					<li>
						<div></div>
						<span>陆强</span>
						<span>特级教师</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="student">

		</div>
		<div class="flow">
			<div class="flow_content">
				<ul>
					<li><i class=" icon-search"></i></li>
					
					<li><i class=" icon-comments-alt"></i></li>
					<li><i class=" icon-map-marker"></i></li>
					
					<li><i class=" icon-comment-alt"></i></li>
				</ul>
				<div class="quanquan">
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<i></i>
				</div>
				<div class="flow_text">
					<ul>
						<li>
							<p>1搜索老师</p>
							<p>保险：是指投保人根据合同约定，向保险人支付保险费，保险人对于合同约定的可能发生的事故因其发生所造成的财产损失承担赔偿保险金责任，</p>
						</li>
						<li>
							<p>2双方沟通</p>
							<p>保险：是指投保人根据合同约定，向保险人支付保险费，保险人对于合同约定的可能发生的事故因其发生所造成的财产损失承担赔偿保险金责任，</p>
						</li>
						<li>
							<p>3约地上课</p>
							<p>保险：是指投保人根据合同约定，向保险人支付保险费，保险人对于合同约定的可能发生的事故因其发生所造成的财产损失承担赔偿保险金责任，</p>
						</li>
						<li>
							<p>4互相好评</p>
							<p>保险：是指投保人根据合同约定，向保险人支付保险费，保险人对于合同约定的可能发生的事故因其发生所造成的财产损失承担赔偿保险金责任，</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footer_video">
			<div class="footer_video_content"></div>
		</div>
		<div class="footer">
			<div class="footer_top"></div>
			<div class="footer_link">
				<ul>
					<li>
						<p>关于任我选</p>
						<span>了解我们</span>
						<span>加入我们</span>
						<span>联系我们</span>
						<span>服务协议</span>
						
					</li>
					<li>
						<p>帮助中心</p>
						<span>老师入驻</span>
						<span>家长指南</span>
						<span>申请认证</span>
						<span>意见反馈</span>
					</li>
					<li>
						<p>平台特色</p>
						<span>真实的评价</span>
						<span>严格的产品</span>
						<span>最优的推荐</span>
					</li>
					<li>
						<p>关于我们</p>
						<span>官方微信</span>
						<span>新浪微博</span>
						<span>腾讯微博</span>
					</li>
				</ul>
				<p class="Copyright">
					(c) Copyright 2017 98568. All Rights Reserved. 
				</p>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../js/index.js"></script>
	</body>

</html>